<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Jquery Stylish Featured Post Slideshow for Blogger/Blogspot Site</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js' type='text/javascript'></script>
<script src="js/desSlideshow.js"></script>
<script language="javascript" type="text/javascript">
    $(function() {
        $("#desSlideshow1").desSlideshow({
            autoplay: 'enable',//option:enable,disable
            slideshow_width: '800',//slideshow window width
            slideshow_height: '249',//slideshow window height
            thumbnail_width: '200',//thumbnail width
            time_Interval: '4000',//Milliseconds
            directory: 'images/'// flash-on.gif and flashtext-bg.jpg directory
        });
    });
</script>
</head>
<body>
<div id="desSlideshow1" class="desSlideshow">
	<div class="switchBigPic">
		<div>
                    <a title="" href="#"><img class="pic" src="./images/006.jpg" /></a>
                    <p><strong>Description Title1</strong><br/>
                        Description Content1
                    </p>
      </div>
		<div><a title="" href="#"><img class="pic" src="./images/004.jpg" /></a>
                    <p><strong>Description Title1</strong><br/>
                        Description Content1
                    </p>
      </div>
		<div><a title="" href="#"><img class="pic" src="./images/001.jpg" /></a>
                    <p><strong>Description Title3</strong><br/>
                        Description Content3
                    </p>
      </div>
		<div><a title="" href="#"><img class="pic" src="./images/003.jpg" /></a>
                    <p><strong>Description Title4</strong><br/>
                        Description Content4
                    </p>
      </div>
		<div><a title="" href="#"><img class="pic" src="./images/003.jpg" /></a>
                    <p><strong>Description Title4</strong><br/>
                        Description Content4
                    </p>
      </div>
  </div>
	<ul class="nav">
		<li><a href="#">Slideshow1</a></li>
  		<li><a href="#">Slideshow2</a></li>
  		<li><a href="#">Slideshow3</a></li>
  		<li><a href="#">Slideshow4</a></li>
  		<li><a href="#">Slideshow5</a></li>
	</ul>
</div>
<style type="text/css">
.noxdo_button{
background:#292929;padding:2px 7px;margin:-12px;width:15%;margin-top:5%;font-size:20px}
.noxdo_button a{text-decoration:none;color:#aaa;}
.noxdo_button a:hover{opacity:0.9;}
</style>
<div class="noxdo_button"><a href="http://noxdo.blogspot.com/2013/05/jquery-stylish-featured-post-slideshow.html" title="Jquery Stylish Featured Post Slideshow for Blogger/Blogspot Site">Go Back To Tutorial</a></div>
<iframe style="bottom:0;left:0;position:fixed" frameborder="0" onload="" scrolling="auto" name="" class="" src="https://noxdo-blogspot-com.googlecode.com/svn/trunk/footer/index.html" width="100%"></iframe>
</body>
</html>